<form id="app-form" class="layui-form layuimini-form">

    <div class="layui-form-item">
        <label class="layui-form-label required">直播间名称</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="text" name="name" class="layui-input" lay-verify="required" lay-reqtext="请输入直播间名称" placeholder="请输入直播间名称" value="{$system.website_title}">
            <input autocomplete="off" type="hidden" name="id" value="{$system.id}">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label required">LOGO</label>
        <div class="layui-input-block layuimini-upload">
            <input autocomplete="off" name="website_ico" class="layui-input layui-col-xs6" lay-reqtext="请上传LOGO" placeholder="请上传LOGO" value="{$system.website_ico}">
            <div class="layuimini-upload-btn">
                <span><a class="layui-btn" data-upload="website_ico" data-upload-number="one" data-upload-exts="png|jpg|ico|jpeg" data-upload-icon="website_ico"><i class="fa fa-upload"></i> 上传</a></span>
                <span><a class="layui-btn layui-btn-normal" id="select_website_ico" data-upload-select="website_ico" data-upload-number="one" data-upload-mimetype="image/*"><i class="fa fa-list"></i> 选择</a></span>
            </div>
        </div>
        <tip style="color:red;margin-left:150px">图片规格：110px * 30px，文件大小：100k 以内(建议使用jpg或png格式，并做压缩处理)</tip>
    </div>
    <div id="bannerlist">
        {foreach $banner as $key=>$value}
            <div class="layui-form-item">
                <label class="layui-form-label required">轮播图</label>
                <div class="layui-input-block layuimini-upload">
                    <input autocomplete="off" name="banner{$key+1}" class="layui-input layui-col-xs6" lay-reqtext="请上传banner" placeholder="请上传banner" value="{$value.image}">
                    <div class="layuimini-upload-btn">
                        <span><a class="layui-btn" data-upload="banner{$key+1}" data-upload-number="one" data-upload-exts="png|jpg|ico|jpeg" data-upload-icon="banner{$key+1}"><i class="fa fa-upload"></i> 上传</a></span>
                        <span><a class="layui-btn layui-btn-normal" id="select_banner{$key+1}" data-upload-select="banner{$key+1}" data-upload-number="one" data-upload-mimetype="image/*"><i class="fa fa-list"></i> 选择</a></span>
                    </div>
                </div>
                <tip style="color:red;margin-left:150px">图片规格：1270 * 256px，文件大小：200k 以内(建议使用jpg或png格式，并做压缩处理)</tip>
            </div>
        {/foreach}

        {foreach $count as $key=>$value}
            <div class="layui-form-item">
                <label class="layui-form-label required">轮播图</label>
                <div class="layui-input-block layuimini-upload">
                    <input autocomplete="off" name="banner{$key+1}" class="layui-input layui-col-xs6" lay-reqtext="请上传banner" placeholder="请上传banner" value="">
                    <div class="layuimini-upload-btn">
                        <span><a class="layui-btn" data-upload="banner{$key+1}" data-upload-number="one" data-upload-exts="png|jpg|ico|jpeg" data-upload-icon="banner{$key+1}"><i class="fa fa-upload"></i> 上传</a></span>
                        <span><a class="layui-btn layui-btn-normal" id="select_banner{$key+1}" data-upload-select="banner{$key+1}" data-upload-number="one" data-upload-mimetype="image/*"><i class="fa fa-list"></i> 选择</a></span>
                    </div>
                </div>
                <tip style="color:red;margin-left:150px">图片规格：1270 * 256px，文件大小：200k 以内(建议使用jpg或png格式，并做压缩处理)</tip>
            </div>
        {/foreach}

    </div>
    

    

    <div class="layui-form-item">
        <label class="layui-form-label required">视频占位图</label>
        <div class="layui-input-block layuimini-upload">
            <input name="video_occupied" class="layui-input layui-col-xs6" lay-reqtext="请上传视频占位图" placeholder="请上传视频占位图" value="{$system.video_occupied}">
            <div class="layuimini-upload-btn">
                <span><a class="layui-btn" data-upload="video_occupied" data-upload-number="one" data-upload-exts="png|jpg|ico|jpeg" data-upload-icon="video_occupied"><i class="fa fa-upload"></i> 上传</a></span>
                <span><a class="layui-btn layui-btn-normal" id="select_video_occupied" data-upload-select="video_occupied" data-upload-number="one" data-upload-mimetype="image/*"><i class="fa fa-list"></i> 选择</a></span>
            </div>
        </div>
        <tip style="color:red;margin-left:150px">图片规格：110px * 30px，文件大小：100k 以内(建议使用jpg或png格式，并做压缩处理)</tip>
    </div>


    <!-- 屏蔽关键字 -->
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">屏蔽关键字：</label>
        <div class="layui-input-block">
            <textarea name="website_keywords" class="layui-textarea" placeholder="请输入内容">{$system.website_keywords}</textarea>
        </div>
        <tip style="color:red;margin-left:150px">两个屏蔽词之间用“|”号分隔 </tip>
    </div>

    <li><div style="width:5px;height:12px;background:#00A0E9;display:inline-block;margin-right:10px"></div><div style="display: inline-block;">基础权限设置</div></li>
    
    <div class="layui-form-item" style="display:block;width:400px">
        <label class="layui-form-label" style="width:130px;">房间状态：</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="checkbox" {if $system.website_state == 1}checked=''{/if} name="website_state" lay-skin="switch" value='1' lay-filter="website_state" lay-text="开启|关闭">
        </div>
    </div>

    <div class="layui-form-item" style="display:block;width:400px">
        <label class="layui-form-label" style="width:130px;">是否开启注册：</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="checkbox" {if $system.is_register == 1}checked=''{/if} name="is_register" lay-skin="switch" value='1' lay-filter="is_register" lay-text="开启|关闭">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label required">虚拟人数基数：</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="text" name="fictitious_base" class="layui-input"  lay-reqtext="请输入虚拟人数基数" placeholder="请输入虚拟人数基数" value="{$system.fictitious_base}">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label required">人数浮动上限：</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="text" name="fictitious_upper" class="layui-input"  lay-reqtext="请输入人数浮动上限" placeholder="请输入人数浮动上限" value="{$system.fictitious_upper}">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label required">人数浮动下限：</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="text" name="fictitious_lower" class="layui-input"  lay-reqtext="请输入人数浮动下限" placeholder="请输入人数浮动下限" value="{$system.fictitious_lower}">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label required">变化间隔时间</label>
        <div class="layui-input-block">
            <input autocomplete="off" disabled type="text" name="interval_press" class="layui-input"  lay-reqtext="请输入变化间隔时间" placeholder="请输入变化间隔时间" value="{$system.interval_press}">
        </div>
    </div>

    <li><div style="width:5px;height:12px;background:#00A0E9;display:inline-block;margin-right:10px"></div><div style="display: inline-block;">消息权限</div></li>

    <div class="layui-form-item" style="display:block;width:400px">
        <label class="layui-form-label" style="width:130px;">是否开启消息审核：</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="checkbox" {if $system.message_audit == 1}checked=''{/if} name="message_audit" lay-skin="switch" value='1' lay-filter="message_audit" lay-text="开启|关闭">
        </div>
    </div>

    <div class="layui-form-item" style="display:block;width:400px">
        <label class="layui-form-label" style="width:130px;">是否开启游客发言：</label>
        <div class="layui-input-block">
            <input autocomplete="off" type="checkbox" {if $system.visitor_login == 1}checked=''{/if} name="visitor_login" lay-skin="switch" value='1' lay-filter="visitor_login" lay-text="开启|关闭">
        </div>
    </div>

    {if $islecturer == 1}
    <div class="layui-form-item">
        <label class="layui-form-label">讲师团队模式</label>
        <div class="layui-input-block">
          <input type="radio" name="lecturer_arrange_pattern" value="1" {if $system.lecturer_arrange_pattern == 1}checked=''{/if} title="手动填写" checked=""><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><div>手动填写</div></div>
          <input type="radio" name="lecturer_arrange_pattern" value="2" {if $system.lecturer_arrange_pattern == 2}checked=''{/if} title="上传图片"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>上传图片</div></div>
        </div>
      </div>
    {/if}

    {if $iscurriculum == 1}
    <div class="layui-form-item">
        <label class="layui-form-label">课程安排模式</label>
        <div class="layui-input-block">
          <input type="radio" name="curriculum_arrange_pattern" value="1" {if $system.curriculum_arrange_pattern == 1}checked=''{/if} title="手动填写" checked=""><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><div>手动填写</div></div>
          <input type="radio" name="curriculum_arrange_pattern" value="2" {if $system.curriculum_arrange_pattern == 2}checked=''{/if} title="上传图片"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>上传图片</div></div>
        </div>
      </div>
    {/if}

    
    
    <div class="hr-line"></div>
    <div class="layui-form-item text-center">
        <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
        <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
    </div>

</form>